<!doctype html>
<html>
<head>
<include file="public:head" />
<link rel=stylesheet type=text/css href="__STATIC__/itaoke_mizhe/css/good_jp.css" />
<script type="text/javascript" src="__STATIC__/8mobcomjuanpi/js/index.js"></script>
</head>
<body>
<include file="public:header" />
 
<notempty name="tag_list"> 
<div class="jiu-nav-main jiu-nav-main-2" id="seclevel">
	<div class="jiu-nav w980  seclevelinner">
		<div class="nav-item  ">
			<div class="item-list">
				<ul>
				<li><a href="{:U('jiu/index')}" <empty name="tag"> class="active"</empty>>全部</a></li>
				<volist name="tag_list" id="bcate">
					<li><a href="{:U('jiu/index',array('tag'=>$bcate['id']))}" class=" <if condition="$tag eq $bcate['id']">active</if>" ><span></span>{$bcate.name}</a></li>

				</volist>
				</ul>
			</div>
		</div>
	</div>
</div>
</notempty>

<style>
.shop-item-wrap{margin: 13px 0 0 0;padding: 9px 0 20px 8px;background-color: #fff;}
.shop-item-wrap .item-lists{font-size: 0;width: 1050px;position: relative;}
.shop-item-wrap .item-lists li{position: relative;display: inline-block;*display: inline;*zoom: 1;vertical-align: top;width: 246px;height: 306px;border: 1px solid #fff;transition: all .2s ease-out;}
.shop-item-wrap .item-lists li:hover{border: 1px solid #ff6600;}
.shop-item-wrap .item-lists li.comming-sell:hover{border: 1px solid #88bb33;}
.item-lists li .img-box{position: relative;width: 228px;height: 228px;margin: 9px auto 0; }
.item-lists li .img-box .corner-img{position: absolute;max-width: 100px;height: auto;left: 0;top: 0;z-index: 9;}
.item-lists li .img-box img.lazy{width: 228px;height: 228px;background:url("http://s0.husor.cn/image/icons/mzloader.gif") no-repeat center center;}
.item-lists li .soldout-img{position: absolute;width: 228px;height: 228px;left: 0;top: 0;}
.item-lists li .item-desc{width: 230px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-family: 'Hiragino Sans','微软雅黑';font-size: 12px;color: #333;margin: 8px auto 0;}
.item-lists li .price-box{line-height: 1.2;margin-left: 10px;}
.item-lists li .m-sign{font-size: 16px;color: #ff3c00;margin-right: 3px;font-family: 'Helvetica Neue','Tahoma','Verdana','Arial';}
.item-lists li .price{font-size: 26px;color: #ff3c00;margin-right: 3px;font-family: 'Helvetica Neue','Tahoma','Verdana','Arial';}
.item-lists li .discount{font-size: 12px;color: #ff3c00;margin-right: 4px;font-family: 'Helvetica Neue','Tahoma','Verdana','Arial';}
.item-lists li .ori-price{font-size: 12px;color: #999;text-decoration: line-through;font-family: 'Helvetica Neue','Tahoma','Verdana','Arial';}
</style>
<div class="container w980">

	<div class="shop-item-wrap">
		<ul class="item-lists infinite-scroll">
		<volist name="items_list" id="item" key="i" mod="4">
			<li class="brand-item ">
				<div class="img-box">
					<a href="{:U('jump/index',array('id'=>$item['id']))}" target="_blank"><img class="lazy" src="/static/images/blank.gif" data-original="{:attach(get_thumb($item['pic_url'], '_m'),'item')}" style="display: inline;"></a>
				</div>
				<notempty name="item.quan">
				<div class="yhq"><a target="_blank" href="{$item.quanurl}" data-href="" rel="nofollow" class="J_couponX go-quan  buy"><em class="coupon_num"><i>￥</i><b>{$item.quan|price}元</b> 券</em><em class="coupon_cond">{$item.quan_condition}</em></a></div>
				</notempty>


				<a href="{:U('item/index',array('id'=>$item['id']))}" target="_blank">
					<p class="item-desc">{$item.title}</p>
					<div class="price-box">
						<span class="m-sign">¥</span>
						<span class="price">{$item.coupon_price|price}</span>
						<span class="discount">(<notempty name="item.zk">{$item.zk}<else />{$item.coupon_rate|zk}</notempty>折)</span>
						<span class="ori-price">¥{$item.price|price}</span>
						<span>销量：{$item.volume}</span>
						<span style="float: right;margin-top: 12px;margin-right: 10px;">
						<if condition="$item.shop_type eq 'C' "><img src="/static/images/taobao.png" />
						<elseif condition="$item.shop_type eq 'B' "/><img src="/static/images/tmall.png" />
						<elseif condition="$item.shop_type eq 'D' "/><img src="/static/images/jd.png" /></if></span>
					</div>
				</a>
			</li>
		</volist>
		</ul>
	</div>


 
<style>
.pagination {margin: 10px 0 15px;padding: 3px;text-align: center;position: relative}
.pagination a {background: none repeat scroll 0 0 #fff;border: 1px solid #e2e2e2;color: #777;display: inline-block;font-weight: bold;height: 34px;line-height: 34px;margin: 0 3px;padding: 0 13px;text-decoration: none}
.pagination span.current,.pagination a.current {background-color: #f50;color: #fff;display: inline-block;font-weight: bold;height: 34px;line-height: 34px;margin: 0 3px;padding: 0 13px}
.pagination span.disabled {display: none}
.pagination a:hover {border: 1px solid #f50;color: #f50}
.pagination .omit {margin-right: 6px}
.pagination .enhanced_tip:hover {border: 0}
.pagination .enhanced_tip {background: url('http://s1.husor.cn/image/tuan/nextpage_tip.png') no-repeat;width: 136px;height: 72px;display: inline-block;position: absolute;top: -30px;_top: 0;border: 0}
.pagination {padding: 3px 3px;margin: 30px 0 15px;text-align: center;position: relative;}
.pagination span{background-color: #f50;color: #fff;display: inline-block;font-weight: bold;height: 34px;line-height: 34px;margin: 0 3px;padding: 0 13px;}
.pagination span.pg-prev, .pagination span.pg-next {background-color: #fff;border: 1px solid #ddd;color: #F50;display: inline-block;font-weight: bold;height: 34px;line-height: 34px;margin: 0 3px;padding: 0 13px;}
.pagination a {background: #fff;border: 1px solid #F50;color: #F50;display: inline-block;font-weight: bold;height: 30px;line-height: 30px;margin-right: 5px;padding: 0 8px;text-decoration: none;}
.pagination i{color: #F50;}
</style>
			<notempty name="page">
			<div class="pagination tuan-before-page">
				{$page}<span class="enhanced_tip">&nbsp;</span>
			</div>
			</notempty>
 
</div>




<include file="public:footer" />
</body>
</html>